<script setup lang="ts">
import { useSettingsStore } from '/@/store/modules/settings.ts'

defineOptions({
  name: 'VipRightTools'
})

const route = useRoute()
const settingsStore = useSettingsStore()
const { theme } = storeToRefs(settingsStore)
const routeName = ref<any>(route.name)
watch(
  route,
  () => {
    routeName.value = route.name
  },
  { immediate: true }
)
</script>

<template>
  <div class="vip-right-tools">
    <VipFullscreen />
    <VipUserAvatar />
  </div>
</template>

<style scoped lang="scss">
.vip-right-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: var(--el-padding);
}
</style>
